formularz

Tworzenie Statycznych Stron Internetowych

HTML CSS

Formularze to narzedzie do gromadzenia danych zazwyczaj wspolpracuja z bazami danych. tutaj poznajemy tylko ich strukture
Formularz otwieramy znacznikiem <form> z atrybutami action i method
Atrybut action to okreslenie zachowania się danych po wysłaniu (do jakiego pliku maja być przekazane),
Atrybut method określenie sposobu przesłania(do wyboru GET lub POST).

Elementy formularzy

pole IMPUT: służy do wprowadzania tekstu, posiada atrybuty:
name - nazwa pola i zmiennej pod ktorą będą przesyłane dane, nie może sie powtarzać w formularzu.
value - domyślna wartość pola
size - liczba znakow w widocznej czesci pola.
maxlenght - maksymalna liczba znaków
type - typ pola

"text" - pole tekstowe.
"checkbox" - polezopcji.(można zaznaczyć kilka)
"radio" - pole wyboru opcji(tylko jedna)
"password" - pole hasłą(znaki zastępowane "*")
"file" - dołączanie plikó

przycisk SUBMIT(wysyłanie), RESET(odświeżanie),BUTTON(przycisk o zdefiniowanym działaniu)
Pole SELECT - pozwala wybrać okresloną wartość
TEXTAREA - pole opisu

Przykładowy formularz

Haslo
Imię:
Nazwisko
Płeć
Męzczyzna Kobieta

Rocznik:

Znajomosc jezyków

Napisz cos o sobie

Wartosc domyslna

Dla pola radio,checkbox mozna ustawic wartosc domyslna.Atrybutem checked z wartoscia checked.

Atrybuty listy wartosci

Znacznik <select> posiada atrybuty size=n - okresla ile pozycji list ma byc wyswietlonych
multiple - pozwala zaznaczyc wiecej niz jedna pozycje z listy
Znacznik <option> ma atrybuty
selected - zaznacza wybrana wartosc
value - okresla wartosc przypisana do listy

Listy zagniezdzone

Znacznik <optgroup> tworzy liste zgniezdzona <select>.
Po znaczaczniku <optgroup wstawiamy atrybut label z tytulem podgrupy.

				<optgroup label="podgrupa">
				<option>1punkty podgrupy</option>
				</optgroup>

Gupowanie elementow formularza

Formularze dopuiczaja tworzeie wydzielonych obszarow zawierajacych zblizone dane. Wykonujemy to znacznikiem <fieldset>Tworzy on ramke otaczajaca czesc formularza dodatkowo mozemy nadac tej czesci tytul znacznikiem <legend< i zdefiniowac polozenie tytułuL left,center,right

				<fiieldset>
				<legend align="center">Hobby</legend>
				Kod formularza
				</fieldset>

Daniel Zygmunt 2c